<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base :: header (title='投料计划')" />
<link th:href="@{plugins/ztree/css/zTreeStyle/zTreeStyle.css}" rel="stylesheet" />
<link th:href="@{plugins/ztree/css/metroStyle/metroStyle.css}" rel="stylesheet" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/feedingPlan.css}" rel="stylesheet" />
<link th:href="@{css/hidePageList.css}" rel="stylesheet" />
<style>

.ztree li a{
height:24px !important;
}
.ztree{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.modal .bootstrap-table {
     padding: 0px !important; 
}
</style>
<body>
	<div class="main-content">
		<div>
			<div>
				<div class="row" style="margin: 0;background: #EFF0F4">
					<div>
						<div style="background: #fff;">
						<div id="divBody">
							<div class="col-sm-12 col-md-12" style="margin-top: 10px;margin-bottom:5px;float: right;">
							<div style="float:left;">
							<span>产品名称：</span>
							<input id="cpname" name="cpname" class="form-control" autocomplete="off" style="display: inline-block;width: 150px;margin-right: 10px;"/>
							<span>产品代码：</span>
							<input id="cpnumber" name="cpnumber" class="form-control" autocomplete="off" style="display: inline-block;width: 150px;margin-right: 10px;"/>
							<span>规格型号：</span>
							<input id="cptype" name="cptype" class="form-control" autocomplete="off" style="display: inline-block;width: 150px;margin-right: 10px;"/>
							</div>
							<div style="float: left;margin-right: 10px;">
								<span>筛选：</span>
								<select name="sx" id="sx" class="selectpicker" data-live-search="true" data-width="140px">
									<option value=''>请选择</option>
									<option value='1'>小于</option>
									<option value='0'>大于</option>
								</select>
							</div>
							<div style="float:left;">
								<input type="button" class="btn btn-default" id="cx" value="查询" />
								<input type="button" class="btn btn-default" id="reset" value="重置" />
								<input type="button" class="btn btn-default" id="exporting" value="导出" />
							</div>
							<!-- <div class="col-sm-2 col-md-2" style="height: 30px; line-height: 30px;font-weight:600;float: left">
								<span style="color: #17a9a8;" id="detailed">缺料信息</span>
							</div> -->
							<div style="clear:both"></div>
						</div>
							<table id="processBody" class="table table-striped table-hover "></table>
						</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade " id="modifyModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5)" data-backdrop="static">
					<div class="modal-dialog" style="width: 90%; height: 90%;">
						<div class="modal-content" style="width: auto;">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								<h4 class="modal-title" id="titleModal">详细信息</h4>
							</div>
							<div class="modal-body" style="height: 400px; padding: 10px;" id="modal-body">
				     	<div id="divBody" >
							  <table id="detail" class="table table-striped table-hover" ></table>
						</div>
						
							</div>
						</div>
					</div>
				</div>
	<div th:include="base :: bottom" />
	<div th:include="base :: bootstrapTable" />
	<div th:include="base :: tableExport" />
	<script th:src="@{js/jquery.ztree.core.js}"></script>
    <script th:src="@{js/feedingPlan.js}"></script> 
</body>
</html>